/**
 * Jslet JavaScript framework, version 2.0 (c) 2013
 * 
 * For details, visit web site: http://www.jslet.com/
 * 
 */

 @CHARSET "UTF-8";

.jl-calendar {
    overflow: hidden;
    background: #fff;
    border: 1px solid #8db2e3;
    position: relative;
    width: 100%;
    height: 100%;
}
 
.jl-calendar a {
	outline-style: 0 none;
	text-decoration: none !important;
}
 	
.jl-cal-header {
    height: 26px;
    text-align: center;
    background-color: gray;
    position: absolute;
    top: 0px;
    width: 100%;
    padding-top:4px;
    z-index: 5;
}
 
.jl-cal-btn {
    position: absolute;
    top: 5px;
    width: 28px;
    height: auto;
    color: White;
    cursor: hand;
    cursor: pointer;
}
 
.jl-cal-yprev {
    left: 5px;
}

.jl-cal-mprev {
    left: 35px;
}

.jl-rtl .jl-cal-yprev {
    left: auto;
    right: 5px;
}

.jl-rtl .jl-cal-mprev {
    left: auto;
    right: 35px;
}
 
.jl-cal-title {
    text-align: center;
    position: relative;
    color: white;
}

.jl-cal-mnext {
    right: 35px;
}
 
.jl-cal-ynext {
    right: 5px;
}     

.jl-rtl .jl-cal-mnext {
    left: 35px;
    right: auto;
}
 
.jl-rtl .jl-cal-ynext {
	left: 5px;
    right: auto;
}     

.jl-cal-body {
 	height: 100%;
 	width: 100%;
 	padding-top: 26px;
 	padding-bottom: 25px;
 	position: relative;
 	overflow: hidden;
}
 
.jl-cal-body table {
 	width: 100%;
 	height: 100%;
}
  
.jl-cal-body table tr {
    height: auto;
}

.jl-cal-body thead {
    background-color: ButtonFace;
}

.jl-cal-body th, .jl-cal-body td {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

.jl-cal-body a {
    padding-right: 4px;
    display: block;
    color: black;
    text-decoration: none;
}

.jl-cal-body a:hover {
    background-color: #b2d1f5;
}

.jl-cal-weekend {
    color: red;
}
 
.jl-cal-footer {
    width: 100%;
    vertical-align: middle;
    text-align: center;
    height: 25px;
    background-color: ButtonFace;
    position: absolute;
    bottom: 0px;
}
 
.jl-cal-today {
    cursor: hand;
    cursor: pointer;
    background-color: #dae5f3;
    top: 5px;
    position: relative;
}

.jl-cal-current {
    font-weight: bold;
    background-color: #dae5f3;
}
 
.jl-cal-disable a{
    color: #bbb;!important
}

.jl-cal-disable a:hover {
    background-color: #b2d1f5;!important
}
/**
 * Jslet JavaScript framework, version 2.0 (c) 2013
 * 
 * For details, visit web site: http://www.jslet.com/
 * 
 */

.jl-tabcontrol {
    overflow: hidden;
    background: #fff;
    border: 1px solid #8db2e3;
}

.jl-tab-header {
    background: #f9f9f9;
    border-bottom: 0;
    position: relative;
    overflow: hidden;
    padding: 0;
    padding-top: 2px;
    overflow: hidden;
    width: 100%;
    margin-right: 40px;
    border-top-width: 0;
}

.jl-rtl .jl-tab-header {
    margin-left: 40px;
    margin-right: auto;
}

.jl-tab-container {
    position: relative;
    left: 0;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-right: 40px;
    width: 100%;
}

.jl-rtl .jl-tab-container {
	left: auto;
    right: 0;
    margin-left: 40px;
    margin-right: auto;
}

.jl-tab-list {
    list-style-type: none;
    height: 24px;
    margin: 0;
    padding: 0;
    padding-left: 4px;
    font-size: 12px;
    width: 5000px;
    border-bottom: 1px solid #8db2e3;
}

.jl-rtl .jl-tab-list {
    padding-left: auto;
    padding-right: 4px;
}

.jl-tab-list li {
    float: left;
    display: inline-block;
    margin: 0 1px;
    margin-right: 4px;
    margin-bottom: -1px;
    padding: 0;
    position: relative;
    border: 1px solid #8db2e3;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.jl-rtl .jl-tab-list li {
	float: right; 
    margin-left: 4px;
    margin-right: auto;
}

.jl-tab-list li a.jl-tab-inner {
    display: inline-block;
    text-decoration: none;
    color: #416aa3;
    background: url('images/tab/tabs_enabled.png') repeat-x left top;
    margin: 0;
    padding: 0 10px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    white-space: nowrap;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.jl-tab-list li a.jl-tab-inner:hover {
    background: url('images/tab/tabs_active.png') repeat-x left bottom;
}

.jl-tab-list li.jl-tab-selected {
    border: 1px solid #8db2e3;
    border-bottom: 1px solid #fff;
}

.jl-tab-list li.jl-tab-selected a {
    color: #416aa3;
    background: #fff;
    background: #7eabcd url('images/tab/tabs_active.png') repeat-x left bottom;
}

.jl-tab-list li.jl-tab-selected a:hover {
    cursor: default;
    pointer: default;
}

.jl-tab-icon-loc {
    padding-left: 18px;
}

.jl-rtl .jl-tab-icon-loc {
    padding-left: auto;
    padding-right: 18px;
}

.jl-tab-icon {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 10px;
    top: 4px;
}

.jl-rtl .jl-tab-icon {
	left: auto;
    right: 10px;
}

.jl-tab-close-loc {
    padding-right: 13px;
}

.jl-rtl .jl-tab-close-loc {
    padding-left: 13px;
    padding-right: auto;
}

.jl-tab-close {
    position: absolute;
    font-size: 1px;
    display: block;
    padding: 0;
    width: 15px;
    height: 15px;
    top: 4px;
    right: 5px;
}

.jl-rtl .jl-tab-close {
    left: 5px;
	right: auto;
}

.jl-tab-list li a.jl-tab-close {
    opacity: 0.6;
    filter: alpha(opacity=60);
    background: url('images/tab/tabs_close.gif') no-repeat 2px 2px;
}

.jl-tab-list li a:hover.jl-tab-close {
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: hand;
    cursor: pointer;
    background: url('images/tab/close-focus.png') no-repeat 2px 2px;
}

.jl-tab-nav {
    position: absolute;
    top: 2px;
    bottom: 2px;
    width: 18px;
    height: 21px !important;
    height: 23px;
    border: 1px solid #8db2e3;
    font-size: 1px;
    display: block;
    cursor: pointer;    
}

.jl-tab-left {
    position: absolute;
    top: 2px;
    bottom: 2px;
    width: 18px;
    height: 21px !important;
    height: 23px;
    border: 1px solid #8db2e3;
    font-size: 1px;
    display: block;
    cursor: pointer;

    right: 22px;
    background: #e0ecff url('images/tab/tabs_leftarrow.png') no-repeat 1px 3px;
}

.jl-rtl .jl-tab-left {
    left: 22px;
	right: auto;
    background: #e0ecff url('images/tab/tabs_leftarrow-rtl.png') no-repeat 1px 3px;
}

.jl-tab-left-disabled {
    background: #e0ecff url('images/tab/tabs_leftarrow.png') no-repeat -15px 3px;
}

.jl-rtl .jl-tab-left-disabled {
    background: #e0ecff url('images/tab/tabs_leftarrow-rtl.png') no-repeat -15px 3px;
}

.jl-tab-right {
    position: absolute;
    top: 2px;
    bottom: 2px;
    width: 18px;
    height: 21px !important;
    height: 23px;
    border: 1px solid #8db2e3;
    font-size: 1px;
    display: block;
    cursor: pointer;

    right: 2px;
    background: #e0ecff url('images/tab/tabs_rightarrow.png') no-repeat 2px 3px;
}

.jl-rtl .jl-tab-right {
    left: 2px;
	right: auto;
    background: #e0ecff url('images/tab/tabs_rightarrow-rtl.png') no-repeat 2px 3px;
}

.jl-tab-right-disabled {
    background: #e0ecff url('images/tab/tabs_rightarrow.png') no-repeat -14px 3px;
}

.jl-rtl .jl-tab-right-disabled {
    background: #e0ecff url('images/tab/tabs_rightarrow-rtl.png') no-repeat -14px 3px;
}

.jl-tab-items {
    margin: 0;
    padding: 0;
    border-top: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.jl-tab-new {
    font-size: 16pt;
    font-weight: 900;
}
.jl-tab-panel {
    position: relative;
    padding: 0;
    overflow: auto;
}

/*************************************/

 .jl-accordion {
	border: 0 solid rgb(153, 188, 232);
}

 .jl-accordion-head {
	border: 1px solid rgb(153, 188, 232);
	width: 100%;
	cursor: pointer;
	background-color: #efefef;
    background-image: url('images/accordion/header-bg.png');
    background-repeat: repeat-x;
	height: 24px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
}

.jl-accordion-head a, .jl-accordion-head a:hover{
	outline-style: 0 none;
	text-decoration: none !important;
	color: black;
}
	
.jl-accordion-head-hover {
	border: 1px solid blue;
}

.jl-accordion-body {
	width: 100%;
	color: #494949;
	background-color: efefef;
	border: 1px solid rgb(153, 188, 232);
	padding: 5px;
}


/*************************************/
.jl-fieldset {
	border: 1px solid #99bbe8;
	position: relative;
	padding: 10px;
}

.jl-fieldset-collapse {
	border-left: 1px transparent dotted;
	border-right: 1px transparent dotted;
	border-bottom: 1px transparent dotted;
}

.jl-fieldset-legend {
	position: relative;
	left: 10px;
}

.jl-fieldset-btn {
	width: 16px;
	height: 20px;
	padding: 1px 1px;
	border: 0;
	cursor: pointer;
	text-indent: -16px;
	
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url(images/fieldset/arrows.png);
	background-origin: padding-box;
	background-position: -140px 53%;
	background-repeat: no-repeat;
}

.jl-fieldset-btn-up {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url(images/fieldset/arrows.png);
	background-origin: padding-box;
	background-position: -35px 53%;
	background-repeat: no-repeat;
}

/*Split-Panel */
.jl-splitpanel {
	position: relative;
	border: 1px solid #99bbe8;
}

.jl-sp-panel-hori {
	height: 100%;
	float: left;
}

.jl-sp-panel-vert {
	width: 100%;
}

.jl-sp-splitter-tracker {
	width: 4px;
	height: 4px;
	position: absolute;
	z-index: 2;
	display: none;
	background-color: #b4b4b4;
}

.jl-sp-splitter-hori {
	width: 5px;
	height: 100%;
	background-color: #dfe8f6;
	cursor: e-resize;
	float: left;
	position: relative;
}

.jl-sp-splitter-vert {
	height: 5px;
	width: 100%;
	background-color: #dfe8f6;
	cursor: s-resize;
	position: relative;
}

.jl-sp-button {
	position: absolute;
	cursor: pointer;
	background-color: transparent;
	background-repeat: no-repeat !important;
}

.jl-sp-button-top {
	background: no-repeat bottom left;
	background-image: url('images/splitpanel/mini-top.gif');
	
	left: 50%;
	margin-left: -17px;
	width: 35px;
	height: 5px;		
}

.jl-sp-button-bottom {
	background: no-repeat top left;
	background-image: url('images/splitpanel/mini-bottom.gif');
}

.jl-sp-button-left {
	background: no-repeat top right;
	background-image: url('images/splitpanel/mini-left.gif');

	top: 50%;
	margin-top: -17px;
	width: 5px;
	height: 35px;	
}

.jl-rtl .jl-sp-button-left {
	background: no-repeat top right;
	background-image: url('images/splitpanel/mini-left-rtl.gif');

	top: 50%;
	margin-top: -17px;
	width: 5px;
	height: 35px;	
}

.jl-sp-button-right {
	background: no-repeat top left;
	background-image: url('images/splitpanel/mini-right.gif');
}

.jl-rtl .jl-sp-button-right {
	background: no-repeat top left;
	background-image: url('images/splitpanel/mini-right-rtl.gif');
}


/**
 * Jslet JavaScript framework, version 2.0 (c) 2013
 * 
 * For details, visit web site: http://www.jslet.com/
 * 
 */
 
 .jl-menubar {
	overflow: hidden;
	background: transparent url('images/menu/menubar-bg.png');
	background-color: #e6ecf0;
	padding: 0;
	border: 1px solid #99bbe8;
	cursor: default;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
	/*height: 22px;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
 }

.jl-menubar-item {
   text-decoration: none;
   background-color: #e6ecf0;
   border: 1px solid #e6ecf0;
   text-align: left;
   display: block;
   padding-left: 5px;
   padding-right: 5px;
   /*height: 18px;
   letter-spacing: 1px*/;
   position: relative;
   float: left;
   text-decoration: line;
   cursor: pointer;
}

.jl-rtl .jl-menubar-item {
   text-align: right;
   float: right;
}

.jl-menubar-item-hover {
   text-decoration: none;
   /*background: transparent url('images/menu/hover.png');*/
   background-repeat: repeat-x;
   background-color: #4281f4;
   border: 1px solid #e5c365;
   color: white;
   
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   border-radius: 2px;
}



/*======css for popup menu ===========*/
.jl-menu {
    background-color: #fff;
    border: 1px solid gray;
	position: absolute;
	z-index: 99901;
    display: none;
    left: -1000;
    top: -1000;
    
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.jl-menu-shadow {
	display: none;
    left: -1000;
    top: -1000;
	z-index: 99900;
	position: absolute;
	background: gray;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.jl-menu-item {
   text-decoration: none;
   background-color: #fff;
   border:1px solid #fff;
   text-align: left;
   padding:0px;
   padding-left: 2px;
   padding-right: 2px;
   position: relative;
   /*letter-spacing: 1px;
   line-height:20px;
   font-size: 80%;*/
   overflow: hidden;
   margin:2px;
   margin-bottom:2px;

   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   border-radius: 2px;
}

.jl-rtl .jl-menu-item {
   text-align: right;
}

.jl-menu-item span {
    vertical-align: middle;
}

.jl-menu-item-hover {
   text-decoration: none;
/*   background: transparent url('images/menu/hover.png');*/
   background-repeat: repeat-x;
   background-color: #4281f4;
   border: 1px solid #e5c365;
   color: white;
}

.jl-menu-disabled a {
    color: gray; !important
}

.jl-menu-enabled a {
    color: black; !important
}

.jl-menu-item-hover a {
    color: white; !important
}

.jl-menu-icon-placeholder {
	display: inline-block;
    width: 18px;
    height: 18px;
    margin:2px;
}

.jl-menu-content {
}

.jl-menu-arrow {
    position: absolute;
    background-image: url('images/menu/menuarrow.gif');
    background-repeat: no-repeat;
    right: 0;
    height: 18px;
    width: 18px;
    top: 2px;
}

.jl-rtl .jl-menu-arrow {
    background-image: url('images/menu/menuarrow-rtl.gif');
    right: auto;
    left: 0;
}

.jl-menu-line {
    background-image: url('images/menu/menuline.png');
    background-repeat: repeat-x;
    background-position: 0 center;
    margin-right: 2px;
    padding: 0;
    height: 4px;
    position: relative;
    left: 2px;
    right: 1px;
}

.jl-menu-check {
    background-image: url('images/menu/checked.gif');
    background-position: 0 2px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.jl-menu-check-disabled {
    background-image: url('images/menu/checked.gif');
    background-position: -16px 2px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.jl-menu-radio {
    background-image: url('images/menu/radio.gif');
    background-position: 0 2px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;h
}

.jl-menu-radio-disabled {
    background-image: url('images/menu/radio.gif');
    background-position: -16px 2px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}
/**
 * Jslet JavaScript framework, version 2.0 (c) 2013
 * 
 * For details, visit web site: http://www.jslet.com/
 * 
 */
 
/* Reset
html{
	color: #000;
	background: #fff;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img{
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style: normal;
	font-weight: normal;
}

li{
	list-style: none;
}

caption,th{
	text-align: left;
}

h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after{
	content: '';
}

abbr,acronym{
	border: 0;
	font-variant: normal;
}

sup{
	vertical-align: text-top;
}

sub{
	vertical-align: text-bottom;
}

input,textarea,select{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select{
	*font-size: 100%;
}

legend{
	color: #000;
}

del,ins{
	text-decoration: none;
}
 */
 select,
 input[type='checkbox'],
 input[type='radio'] {
  border: 1px solid rgb(127, 157, 185);
  border-radius: 2px;
  color: #444;
  font: inherit;
  margin: 0 1px 0 0;
}

input[type='number'],
input[type='password'],
input[type='search'],
input[type='text'],
input[type='url'],
input:not([type]),
textarea {
  border: 1px solid rgb(127, 157, 185);
  border-radius: 2px;
  box-sizing: border-box;
  color: #444;
  font: inherit;
  margin: 0;
/* For better alignment between adjacent buttons and inputs. */
  padding-bottom: 0px;
}
 
.jl-rtl{
	direction: rtl;
}

/* Common css */
.jl-popuppanel {
    position: absolute;
    z-index: 99000;
    border: 1px solid #7f9db9;
    overflow: hidden;
    background-color: white;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}

.jl-shadow {
    position: absolute;
    background: #ddf;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}

.jl-opaque {
    opacity: 1.0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.jl-border-box, .jl-border-box * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.jl-unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: ignore;
}
.jl-nospacing {
    margin: 0;
    padding: 0;
}

.jl-focusable-item {
	text-decoration: none;
}

.jl-readonly {
	background-color: #e5e5e5;
	border: 1px solid #bcbcbc;	
}

/*inspector*/
.jl-inspector {
    border: solid #99bbe8 1px;
}

.jl-inspector-label {
    padding-left: 5px;
}

.jl-inspector-editor {
	padding-right: 5px;
}

.jl-inspector-editor >div {
	padding: 0;
	padding-right: 5px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	v-align: middle;
}

.jl-lable-required {
    color: red;
    font-size: smaller;
}

/*SpinnerEdit"*/
.jl-spinedit {
    border: 1px solid #7f9db9;
    height: 22px;
    position: relative;
}

.jl-spinedit-input {
    left: 1px;
    right: 22px;
    
	position: absolute;
	overflow: hidden    
}

.jl-rtl .jl-spinedit-input {
    right: 1px;
    left: 22px;

	position: absolute;
	overflow: hidden    
}

.jl-spinedit-input input {
	outline: none;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	margin: 0;	
}

.jl-spinedit-upbtn {
    width: 18px;
    height: 11px;
	position: absolute; 
	top: 0;
	right: 0;
	overflow: hidden;
    background-image: url('images/spinner/spinner.png');
    background-repeat: no-repeat;
}

.jl-rtl .jl-spinedit-upbtn {
    width: 18px;
    height: 11px;
	position: absolute; 
	top: 0;
	left: 1px;
	right: auto;
	overflow: hidden;
    background-image: url('images/spinner/spinner.png');
    background-repeat: no-repeat;
}

.jl-spinedit-upbtn-down {
    background-position: -34px 0;
}

.jl-spinedit-upbtn-up {
    background-position: -51px 0;
}

.jl-spinedit-upbtn-disabled {
    background-position: -85px 0;
}

.jl-spinedit-downbtn {
    width: 18px;
    height: 11px;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
    background-image: url('images/spinner/spinner.png');
    background-repeat: no-repeat;
}

.jl-rtl .jl-spinedit-downbtn {
    width: 18px;
    height: 11px;
	position: absolute;
	bottom: 0;
	left: 1px;
	right: auto;
	overflow: hidden;
    background-image: url('images/spinner/spinner.png');
    background-repeat: no-repeat;
}

.jl-spinedit-downbtn-down {
    background-position: 0 0;
}

.jl-spinedit-downbtn-up {
    background-position: -17px 0;
}

.jl-spinedit-downbtn-disabled {
    background-position: -68px 0;
}

/*customComboBox*/
.jl-customcombo {
    border: 1px solid;
    border-color: #7f9db9;
    vertical-align: middle;
    position: relative;
    height: 22px;
    overflow: hidden;
}

.jl-combosel-text-host {
	position: absolute;
	left: 0;
	right: 18px;
	height: 95%;
	margin: 0;
	padding: 0
}

.jl-rtl .jl-combosel-text-host {
	position: absolute;
	right: 0;
	left: 18px;
	height: 95%;
	margin: 0;
	padding: 0
}

.jl-combosel-text {
    padding: 0; 
    margin: 0;
    border: 0;
    left: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    outline: none;
}

.jl-combo-btn {
    position: absolute;
    vertical-align: middle;
    right: 0;
    width: 18px;
    border: 0;
    height: 21px;
    cursor: pointer;
}
	
.jl-rtl .jl-combo-btn {
    position: absolute;
    vertical-align: middle;
    left: 0;
    right:auto;
    width: 18px;
    border: 0;
    height: 100%;
    cursor: pointer;
}
	
.jl-combodropdown {
    background-image: url('images/customcombobox/combodropdown.png');
    background-repeat: no-repeat;
}

.jl-combosel-btn {
    background-image: url('images/customcombobox/combodlg.png');
    background-repeat: no-repeat;
}

.jl-combosel-btn-disabled {
    background-position: -18px 0;
}

.jl-datepick-btn {
    background-image: url('images/customcombobox/date-btn.gif');
    background-repeat: no-repeat;    
    background-position: 0 0;
}

.jl-datepick-btn-disabled {
    background-position: -18px 0;
}

/* Popup panel style */
.jl-combopnl {
    /*    border:1px solid black;     padding:10px;     position:relative */
}

.jl-combopnl-head {
}

.jl-combopnl-content {
    width: 100%;
    height: 100%;
    padding-bottom: 35px;
}

.jl-combopnl-multiselect {
    padding-bottom: 80px;
}

.jl-combopnl-footer {
    position:absolute;
    width: 100%;
    bottom:4px;
    right: 4px;
    height:25px;
}

.jl-combopnl-footer-ok {
    margin-right: 15px;
    float: right;
    width: 60px;
}

.jl-combopnl-footer-cancel {
    margin-right: 10px;
    float: right;
    width: 60px;
}



/*DBPageBar*/
.jl-pagebar {
    height: 22px;
    width: 310px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    background-color: rgb(211, 225, 241);
    padding: 1px;
    padding-left: 5px;
}

.jl-pb-item {
    float: left;
    height: 20px;
    vertical-align: middle;
    margin: auto 0;
}

.jl-pb-label {
	padding-left: 5px;
	padding-right: 5px;
}
	
.jl-pb-button {
    width: 16px;
    height: 18px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    margin: 1px;
    background-image: url('images/pagebar/pagebar.png');
    background-repeat: no-repeat;
	border: 1px solid transparent;	
}

a.jl-pb-button:hover {
	border: 1px solid rgb(129, 164, 208);	
}

a.jl-pb-button-disabled:hover {
	border: 1px solid transparent;
	cursor: default;
}

.jl-pagebar select {
    font-size: 11px;
}

.jl-pagebar label {
    padding-top: 2px;
}

.jl-pb-first {
    background-position: 0 0;
}

.jl-rtl .jl-pb-first {
    background-position: -96 0;
}

.jl-pb-prior {
    background-position: -32px 0;
}

.jl-rtl .jl-pb-prior {
    background-position: -64px 0;
}

.jl-pb-goto {
    background-position: -128px 0;
}

.jl-pb-next {
    background-position: -64px 0;
}

.jl-rtl .jl-pb-next {
    background-position: -32px 0;
}

.jl-pb-last {
    background-position: -96px 0;
}

.jl-rtl .jl-pb-last {
    background-position: 0 0;
}

.jl-pb-first-disabled {
    background-position: -16px 0 !important;
}

.jl-rtl .jl-pb-first-disabled {
    background-position: -96px 0 !important;
}

.jl-pb-prior-disabled {
    background-position: -48px 0 !important;
}

.jl-rtl .jl-pb-prior-disabled {
    background-position: -64px 0 !important;
}

.jl-pb-goto-disabled {
    background-position: -144px 0 !important;
}

.jl-pb-next-disabled {
    background-position: -80px 0 !important;
}

.jl-rtl .jl-pb-next-disabled {
    background-position: -48px 0 !important;
}

.jl-pb-last-disabled {
    background-position: -112px 0 !important;
}

.jl-rtl .jl-pb-last-disabled {
    background-position: -16 0 !important;
}


.jl-pb-pagenum {
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    padding-left: 2px;
    padding-right: 2px;
    margin: 0;
    border: 1px solid rgb(129, 164, 208);
}
/*end of pagebar*/



/*Popup panel*/
.jslet_popup_panel {
    position: absolute;
    z-index: 99999;
    border: 5px gray solid;
    overflow: auto;
    display: block;
    background-color: white;
    padding: 10px;
}

.jl-overlay {
    background-color: white;
    position: absolute;
    z-index: 9980;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

/*DBRating*/
.jl-rating {
	vertical-align: middle;
	overflow: hidden;
}

.jl-rating-item {
    background-image: url('images/rating/rating.png');
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

/* end DBRating */

/* EditPanel */
.jl-editpanel {
    overflow: auto;
    position: relative;
    padding: 10px;
}

.jl-editpanel th {
    height: 0;
}

.jl-editpanel td {
    vertical-align: middle;
}

.jslet_editpanel_line {
    border-bottom: 1px solid #ccf;
    display: list-item;
}

/* end EditPanel */


/* jslet.MessageBox */
.jl-msg-container {
    margin-top: 10px;
}

.jl-msg-icon {
    width: 50px;
    height: 35px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-repeat: no-repeat;
    float: left;
    margin-left: 5px;
}

.jl-rtl .jl-msg-icon {
    float: right;
    margin-left: auto;
    margin-right: 5px;
}

.jl-msg-icon-info {
    background-image: url(images/mb/icon-info.gif);
}

.jl-msg-icon-error {
    background-image: url(images/mb/icon-error.gif);
}

.jl-msg-icon-question {
    background-image: url(images/mb/icon-question.gif);
}

.jl-rtl .jl-msg-icon-question {
    background-image: url(images/mb/icon-question-rtl.gif);
}

.jl-msg-icon-warning {
    background-image: url(images/mb/icon-warning.gif);
}

.jl-msg-message {
    padding: 8px;
}

.jl-msg-tool {
    position: absolute;
    bottom: 3px;
    width: 100%;
    height: 30px;
    overflow: hidden;
    padding-bottom: 5px;
    padding-left: 6px;
    padding-right: 0;
    padding-top: 5px;
}

.jl-rtl .jl-msg-tool {
    left: auto;
    right: 4px;
    padding-left: 0;
    padding-right: 6px;
}

.jl-msg-button {
    position: absolute;
    height: 24px;
    width: 75px;
}

/* end jslet.MessageBox */

.jl-waitingbox {
    background-image: none;
    border: 2px solid #2c6ae8;
    color: #000099;
    height: auto;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 20px;
    padding-top: 1px;
    float: left;
    position: absolute;
    background-color: #fff0ff
}

.jl-rtl .jl-waitingbox {
    float: right;
    padding-left: 20px;
    padding-right: 5px;
}

.jl-waitingbox-icon {
    background-color: transparent;
    background-image: url(images/waiting/waiting.gif);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 0;
    height: 16px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0;
    width: 16px;
}

.jl-rtl .jl-waitingbox-icon {
    float: right;
}

/*tip panel */
.jl-tip-panel {
    background-color: #ffffce;
    position: absolute;
    border: 1px solid;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    z-index: 10000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: smaller; 
    display: none;
}

.jl-invalid {
    border-bottom-color: red;/*rgb(204, 51, 0);*/
    border-right-color: rgb(238, 238, 238);/*rgb(204, 51, 0);*/
    border-width: 1px;
	/**/background-image: url(images/invalid/wave.png);
    background-position: bottom;
    background-repeat: repeat-x;
    padding: 2px;
    border-right-width: 2px;
    padding-right: 1px;
}

.jl-timepicker select {
	margin: 0;
	margin-right: 2px;
}/*
 * Jslet JavaScript framework, version 2.0 (c) 2012
 * 
 * For details, see the Jslet web site: http://www.jslet.com/
 * 
 * --------------------------------------------------------------------------
 */
/*--------DBTable ClassName------------ */
.jl-table {
    border: 1px solid #ccc;
    outline: none;
	overflow: hidden;
	height: 200px;
	width: 100%;
}

.jl-table table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    border: none;
}

.jl-tbl-container {
	width: 100%;
	height: 100%;
}

.jl-table td {
    margin: 0;
    padding: 0;
	vertical-align: top;
}

.jl-scrollbar-width {
	width: 17px;
	border: 0;
}

.jl-tbl-fixedcol {
	height: 100%;
	width: 100%;
}

.jl-tbl-contentcol {
	overflow-x: auto;
	overflow-y: hidden;
	height: 100%;
	width: 100%;
}

.jl-tbl-content-div {
}

.jl-table .jl-tbl-content-table {
	width: 100%;
	height: auto;
}

.jl-tbl-vscroll {
	overflow-y: scroll;
	overflow-x: hidden
}

.jl-tbl-vscroll div {
	width: 17px;
}

.jl-tbl-row4width {
    border: 0;
    height: 0;
}

.jl-tbl-data td, .jl-tbl-data th {
    border: 1px solid #ccc;
}

.jl-tbl-noborder .jl-tbl-data td, .jl-tbl-noborder .jl-tbl-data th {
    border: 0;
}

.jl-tbl-border-vert td, .jl-tbl-border-vert th {
	border-top: 0;
	border-bottom: 0;
}

.jl-tbl-border-hori td, .jl-tbl-border-hori th {
	border-right: 0;
	border-left: 0;
}

.jl-tbl-border-none td {
	border: 0;
}

.jl-tbl-row4width th {
    border: 0;
    height: 0;
    padding: 0;
}

.jl-tbl-border-bottom {
	border-top: 0;
	border-left: 0;
	border-right: 0;
    border-bottom: 1px solid #ccc;
}

.jl-tbl-border-top {
	border-top: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
    border-bottom: 0;
}

.jl-table .jl-first-col {
	border-left: 0;
}

.jl-table .jl-first-row {
	border-top: 0;
}
	
.jl-table .jl-tbl-select-check {
	margin-top: 5px;
	width: 16px;
	height: 16px;
}

.jl-tbl-header-cell, .jl-scrollbar-width {
    background-color: #F1F5FB;
}

.jl-tbl-current {
    background-color: #e7eba7 !important;
}

.jl-tbl-row-hover {
	background-color: #EDF5FC !important;
}
	
.jl-tbl-cell {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    padding: 1px 3px 1px 3px;
}

.jl-tbl-sorter {
    color: #6699FF;
    position: absolute;
    right: 5px;
    height: 90%;
    width: 17px;
    letter-spacing: 0;
    font-size: smaller;
}

.jl-tbl-splitter {
	background-color: darkslategray;
    width: 2px;
    position: absolute;
    z-index: 9999;
    cursor: e-resize;
}

.jl-tbl-splitter-hook {
    cursor: e-resize;
    width: 4px;
    height: 1000px;
    font-size: 1px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
}

.jl-tbl-checked {
    background-image: url('images/table/checked.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 18px;
}

.jl-tbl-unchecked {
    background-image: url('images/table/unchecked.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.jl-tbl-norecord {
	color: black;
	display: none;
	padding-top: 10px;
	padding-left: 10px;
	position: absolute;
	z-index: 3
}

/*tree grid*/
.jl-tbltree-node {
    display: inline-block;    
    cursor: pointer;
    background-image: url('images/table/arrows.gif');
    background-repeat: no-repeat;
    height: 18px;
    width: 16px;    
}

.jl-rtl .jl-tbltree-node {
    display: inline-block;    
    cursor: pointer;
    background-image: url('images/table/arrows-rtl.gif');
    background-repeat: no-repeat;
    height: 18px;
    width: 16px;    
}

.jl-tbltree-collapse {
    background-position: 0 0;
}

.jl-tbltree-collapse-hover {
    background-position: -32px 0;
}

.jl-tbltree-expand {
    background-position: -16px 0;
}

.jl-tbltree-expand-hover {
    background-position: -48px 0;
}

.jl-tbltree-indent {
    display: inline-block;
    height: 18px;
    width: 16px;
}

.jl-tbltree-text {
    padding: 1px 2px;
}

.jl-tbltree-icon {
    display: inline-block;   
    height: 18px;
    width: 16px;
}


/**
 * Jslet JavaScript framework, version 2.0 (c) 2013
 * 
 * For details, visit web site: http://www.jslet.com/
 * 
 */
	
/* DBTreeView */
.jl-tree {
    border: 1px solid #99bbe8;
    overflow: hidden;
    background-color: #fafafa;    
    padding: 2px;
    padding-right: 0;
}

.jl-rtl .jl-tree {
    padding-left: 0;
	padding-right: 2px;
}

.jl-tree-container {
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.jl-tree-nodes {
	table-layout: fixed;
	border-collapse: collapse;
	border-width: 0;
	height: 18px;
	width: 18px;
}
.jl-tree-nodes-hover {
	background-color: #dfebfb;
}

.jl-tree-nodes td {
	border-width: 0;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

.jl-tree-scroll-col {
	width: 18px;
	vertical-align: top;
}

.jl-tree-scrollbar {
	height: 100%;
	width: 100%;
	overflow-y: scroll;
}

.jl-tree-tracker {
	width: 18px;
	width: 1px;!important
}

.jl-tree-lines {
    background-image: url('images/treeview/tree-line.png');
    background-repeat: no-repeat;
    width: 18px;
	height: 18px;
}

.jl-tree-expander {
    background-image: url('images/treeview/tree-line.png');
    background-repeat: no-repeat;
    width: 18px;
}

.jl-rtl .jl-tree-lines {
    background-image: url('images/treeview/tree-line-rtl.png');
    background-repeat: no-repeat;
    width: 18px;
	height: 18px;
}

.jl-rtl .jl-tree-expander {
    background-image: url('images/treeview/tree-line-rtl.png');
    background-repeat: no-repeat;
    width: 18px;
}

.jl-tree-icon {
    width: 18px;
}

.jl-tree-empty {
    width: 18px;
}

.jl-tree-join {
    background-position: 0 0;
}

.jl-tree-join-bottom {
    background-position: -18px 0;
}

.jl-tree-line {
    background-position: -36px 0;
}

.jl-tree-minus {
    background-position: -54px 0;
}

.jl-tree-minus-bottom {
    background-position: -72px 0;
}

.jl-tree-noline-minus {
    background-position: -90px 0;
}

.jl-tree-noline-plus {
    background-position: -108px 0;
}

.jl-tree-plus {
    background-position: -126px 0;
}

.jl-tree-plus-bottom {
    background-position: -144px 0;
}

.jl-tree-checkbox {
    background-image: url('images/treeview/tree-checkbox.png');
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
}

.jl-tree-checked {
    background-position: 0 0;
}

.jl-tree-unchecked {
    background-position: -18px 0;
}

.jl-tree-partialchecked {
    background-position: -36px 0;
}

.jl-tree-selected {
    background-color: blue;
    color: white;
}

.jl-tree-child-checked {
    font-weight: bold;
}

.jl-tree-nodes .jl-tree-text {
	padding-left: 4px;
	padding-right: 2px	
	text-overflow: ellipsis;
	white-space: nowrap;
}
/**
 * Jslet JavaScript framework, version 2.0 (c) 2013
 * 
 * For details, visit web site: http://www.jslet.com/
 * 
 */
 
 .jl-window {
	position: absolute;
	overflow: hidden;
	background-color: #f9f9f9;
	padding: 3px;
	border: 1px solid #99bbe8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: default;
	background: #e6ecf0 url('images/window/panel_title.png') repeat-x;
}

.jl-window-active {
	/*background-color:#7fcff4;*/
}
	
.jl-win-shadow {
	position: absolute;
	background: #ddf;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}

.jl-win-header {
	line-height: 16px;
	color: #15428b;
	font-weight: bold;
	background: transparent;
	background-color: #f9f9f9;
	border-width: 0;
	border-bottom: 1px solid #99bbe8;
	padding: 2px 0 2px 0;
	overflow: hidden;
	position: relative;
	background: #e6ecf0 url('images/window/panel_title.png') repeat-x;
}

.jl-win-title {
    float: left;
	cursor: move;
}

.jl-rtl .jl-win-title {
    float: right;
	cursor: move;
}

.jl-win-header-icon {
	position: reltive;
	left: 5px;
	top: 4px;
	width: 16px;
	height: 16px;
	float: left;
}

.jl-rtl .jl-win-header-icon {
	left: auto;
	right: 5px;
	float: right;
}

.jl-win-tool {
	position: absolute;
	right: 0;
	top: 0;
}

.jl-rtl .jl-win-tool {
	right: auto;
	left: 0;
}

.jl-win-tool div,.jl-win-tool a {
	display: block;
	float: right;
	width: 15px;
	height: 15px;
	margin-left: 2px;
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
	border: 0;
}

.jl-rtl .jl-win-tool div,.jl-win-tool a {
	float: left;
	margin-left: auto;
	margin-right: 2px;
}

.jl-win-tool div.jl-win-tool-over {
	opacity: 1;
	filter: alpha(opacity=100);
}

.jl-win-close {
	background: url('images/window/window-icons.gif') no-repeat 0 0;
}

.jl-win-tool a: hover.jl-win-close {
	background: url('images/window/window-icons.gif') no-repeat -15px 0;
}

.jl-win-min {
	background: url('images/window/window-icons.gif') no-repeat 0 -15px;
}

.jl-win-tool a:hover.jl-win-min {
	background: url('images/window/window-icons.gif') no-repeat -15px -15px;
}

.jl-win-max {
	background: url('images/window/window-icons.gif') no-repeat 0 -30px;
}
.jl-win-tool a:hover.jl-win-max {
	background: url('images/window/window-icons.gif') no-repeat -15px -30px;
}

.jl-win-restore {
	background: url('images/window/window-icons.gif') no-repeat 0 -45px;
}

.jl-rtl .jl-win-restore {
	background: url('images/window/window-icons-rtl.gif') no-repeat 0 -45px;
}

.jl-win-tool a:hover.jl-win-restore {
	background: url('images/window/window-icons.gif') no-repeat -15px -45px;
}

.jl-rtl .jl-win-tool a:hover.jl-win-restore {
	background: url('images/window/window-icons-rtl.gif') no-repeat -15px -45px;
}

.jl-win-body {
    position: relative;
  	overflow: hidden;
	background: #fff;
	border: 0 solid #99bbe8;
	border-top-width: 0;
	cursor: default;
	padding: 0;
	background-color: #fafafa;
}

.jl-win-tracker {
	position: absolute;
	overflow: hidden;
	border: 1px dashed #15428b;
}

.jl-win-tracker-mask {
	position: absolute;
	background: #fafafa;
	filter: alpha(opacity=10);
	opacity: 0.10;
}	

